<html xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
       xmlns:p="http://primefaces.org/ui">

<h:head>

  <title>Sistema Inmune</title>
  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
  
  <script type="text/javascript">
    //<![CDATA[
    function logout(xhr, status, args) {
      setTimeout(function() {
        window.location = 'index.xhtml';
      }, 500);
    }
    
    function goIngreso(xhr, status, args) {
        setTimeout(function() {
          window.location = 'ingreso_soap.xhtml';
        }, 500);
      }
    function isNumberKey(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
    //]]>
  </script>
  
  <style type="text/css">
    .centered {
    margin: 250px auto;
    }

    .noBorders tr, .noBorders td{
      background: none;
      border: none ;
    }
    .noBorders2 tr, .noBorders2 td, .noBorders label{
      background: none;
      border: none ;
      font-size: 12px;
    }
  
    .ui-panel .ui-panel-titlebar {
      padding: 0;
      border: 0;
      background: white;
    }
  </style>

</h:head>

<h:body style="text-align:left;background-color:#f0f0f0;">
  <h:graphicImage value="img/nuevoLogo1.png" style="width:1004px" />
   <h:form onkeypress="return event.keyCode != 13" >
     <p:growl id="growl" /> 
   
     <p:menubar style="width:995px;font-size:14px" >  
       <p:menuitem value="Inicio" url="main.xhtml" />  
        
       <p:submenu label="Casos" >
         <p:menuitem value="Crear Caso Compin" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Buscar Casos Compin" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Carga Masiva Compin" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Gestión Envío Cartas" icon="ui-icon-carat-1-e" />
         <p:menuitem value="SOAP" icon="ui-icon-carat-1-e" url="search_soap.xhtml" />          
         <p:menuitem value="Empresas" icon="ui-icon-carat-1-e" />  
       </p:submenu>

       <p:submenu label="Denuncias" >
         <p:menuitem value="Ver Denuncia" icon="ui-icon-carat-1-e" />  
       </p:submenu>        
        
       <p:submenu label="Informes" >
         <p:menuitem value="Ver Informes" icon="ui-icon-carat-1-e" />  
       </p:submenu>
        
       <p:submenu label="Marketing" >
         <p:menuitem value="Crear Campaña" icon="ui-icon-carat-1-e" />  
       </p:submenu>                    
        
       <p:submenu label="Administración" >
         <p:menuitem value="Usuario" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Cotizante" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Empleador" icon="ui-icon-carat-1-e" />  
         <p:menuitem value="Médico" icon="ui-icon-carat-1-e" />  
       </p:submenu>         
        
       <p:menuitem value="Cerrar Sesión" actionListener="#{Login.logout}"
         oncomplete="logout(xhr, status, args)" >
       </p:menuitem>          
        
     </p:menubar>
     
   
     <p:panel id="panelSearchSoap" align="center" header="Busqueda de Casos" style="width:1000px;font-size:10px" styleClass="ui-panel" >
       <p:breadCrumb styleClass="noBorders2">
		    <p:menuitem value="Home" url="main.xhtml" />
		    <p:menuitem value="Busqueda de Casos" url="#" />
		</p:breadCrumb>
		<br />
   		<!--  p:commandButton id="nuevoCasoSOAP"  value="Crear Nuevo Caso SOAP" style="float:right;" ajax="false" action="ingreso_soap.xhtml"/ -->    
   		<!-- a href="ingreso_soap.xhtml"><img src="img/crearcaso.jpg" style="float:right;font-size:10px" alt="Crear" width="250" height="50" /></a -->  
		<p:commandButton id="nuevoCasoSOAP"  value="Crear Nuevo Caso SOAP" style="float:right;" oncomplete="goIngreso(xhr, status, args)" />

		<p:panelGrid style="margin-top:20px" styleClass="noBorders" >
		    <p:row>
		        <p:column><h:outputLabel for="numeroCaso" value="Numero Caso" style="font-weight:bold"/></p:column>
		        <p:column><h:outputLabel for="rutAfiliado" value="Rut Afiliado" style="font-weight:bold"/></p:column>
		        <p:column><h:outputLabel for="nombreAfiliado" value="Nombre Afiliado" style="font-weight:bold"/></p:column>
		        <p:column><h:outputLabel for="estadoCaso" value="Estado Caso SOAP" style="font-weight:bold"/></p:column>
		        <p:column><h:outputLabel for="isapre" value="Isapre" style="font-weight:bold"/></p:column>
		        <p:column><h:outputLabel for="prestador" value="Prestador" style="font-weight:bold"/></p:column>
		
		        
		    </p:row>
		    <p:row>
		        <p:column><p:inputText id="idCaso" onkeypress='return isNumberKey(event)'  maxlength="10" size="10" value="#{casosSoap.idCaso}" /></p:column>
			   	<p:column><p:inputText id="rutAfiliado" maxlength="10" value="#{casosSoap.rutAfiliado}"/></p:column>
		        <p:column><p:inputText id="nombreAfiliado" value="#{casosSoap.nombreAfiliado}"/></p:column>
		        <p:column><p:selectOneMenu value="#{casosSoap.idEstado}">
		        		<f:selectItem itemLabel="--Todos--" itemValue="0" />  
		            	<f:selectItems value="#{estados.estados}" />    
		       			</p:selectOneMenu>
		        </p:column>
		        <p:column><p:selectOneMenu value="#{casosSoap.idIsapre}">  
		    	        <f:selectItem itemLabel="--Todos--" itemValue="0" />  
		        	    <f:selectItems value="#{isapres.isapres}" />     
		        	</p:selectOneMenu></p:column>
		        <p:column><p:inputText id="prestador" value="#{casosSoap.prestador}"/></p:column>
			 </p:row>
			 
<!-- 			 <p:row>
		        <p:column colspan="2"><h:outputLabel for="fechaInicio" value="Fecha Inicio" style="font-weight:bold"/></p:column> 
		        <p:column colspan="2"><h:outputLabel for="fechaTermino" value="Fecha Termino" style="font-weight:bold"/></p:column>
	        
			</p:row>	
-->	 			
			<p:row>
<!-- 		        <p:column colspan="2"><p:calendar value="#{casosSoap.fechaInicio}" id="calendarioFechaInicio" showOn="button" /></p:column> 
		        <p:column colspan="2"><p:calendar value="#{casosSoap.fechaTermino}" id="calendarioFechaTermino" showOn="button" /></p:column>
 -->		        <!-- <p:column colspan="2"><a href="index.xhtml"><img src="img/buscar.jpg" alt="Buscar" width="90" height="40" /></a></p:column>-->
		        <p:column colspan="6">
		        	<p:commandButton id="buscarCasoSOAP" style="float:right" value="Buscar Caso SOAP"
		        		actionListener="#{casosSoap.buscar}" update="panelBusqueda" />
		        </p:column>
			</p:row>
		</p:panelGrid>
		
		<p:panelGrid id="panelBusqueda" styleClass="noBorders2">
			<p:row>
				<p:column colspan="8">
					<p:dataTable var="casoSoap" value="#{casosSoap.casosSoap}" id="casoSoap" paginator="true" rows="8">  
				        <p:column headerText="Id" sortBy="#{casoSoap.id}">  
				            <h:outputText value="#{casoSoap.id}" />  
				        </p:column>  
				  
				        <p:column headerText="Rut Afiliado" sortBy="#{casoSoap.afiliado.rutCompuesto}">  
				            <!--  h:outputText value="#{casoSoap.afiliado.rut}" / -->
				            <h:outputText value="#{casoSoap.afiliado.rutCompuesto}" />  
				        </p:column>  
				  
				        <p:column headerText="Nombre Afiliado" sortBy="#{casoSoap.afiliado.nombreCompleto}">  
				            <h:outputText value="#{casoSoap.afiliado.nombreCompleto}" />  
				        </p:column>  
				  
				        <p:column headerText="Estado Caso Soap" sortBy="#{casoSoap.estadoCaso.nombre}">  
				            <h:outputText value="#{casoSoap.estadoCaso.nombre}" />  
				        </p:column>  
				  
				        <p:column headerText="Isapre" sortBy="#{casoSoap.isapre.nombre}">  
				            <h:outputText value="#{casoSoap.isapre.nombre}" />  
				        </p:column>  
				  
				        <p:column headerText="Prestador" sortBy="#{casoSoap.prestador}">  
				            <h:outputText value="#{casoSoap.prestador}" />  
				        </p:column>
				        
				        <p:column headerText="Fecha Creacion" sortBy="#{casoSoap.fechaCreacion}">  
				            <h:outputText value="#{casoSoap.fechaCreacion}" />  
				        </p:column>
				        
				        <p:column headerText="Ver">  
				            <!-- <p:commandButton id="detalle" onclick="detalleSoap.show()" type="button" icon="ui-icon-search" >
				              </p:commandButton>
				               -->
                        	<p:commandButton id="selectButton"  update="detalleSoap"
                            	oncomplete="detalleSoap.show()" icon="ui-icon-search" title="Ver Detalle">
                            	<f:setPropertyActionListener value="#{casoSoap}"
                                target="#{casosSoap.selecccionCaso}" />
                        	</p:commandButton> 

				          
				            
				            <p:dialog id="detalleSoap" header="Detalle Caso Soap" widgetVar="detalleSoap" resizable="false"
                                      showEffect="fade" hideEffect="explode" modal="true" >  
                                                           
                            	<p:panelGrid style="margin-top:10px" styleClass="noBorders" id="display">
                               		<p:row>
										<p:column><h:outputLabel for="naturalez" value="Naturaleza" style="font-weight:bold"/></p:column>
        								<p:column><h:outputLabel for="isapre" value="Isapre" style="font-weight:bold"/></p:column>	
									</p:row>
								
									<p:row>
										<p:column><h:outputLabel for="lblNaturalez" value="#{casosSoap.selecccionCaso.naturaleza.nombre}" /></p:column>
										<p:column><h:outputLabel for="lblIsapre" value="#{casosSoap.selecccionCaso.isapre.nombre}" /></p:column>
									</p:row>
								</p:panelGrid>
			 					<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 								<p:row>
	 									<p:column style="border:thin"><h:outputLabel value="Accidentado" style="font-weight:bold"/></p:column>
	 								</p:row>
	 							</p:panelGrid>
								<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
    								<p:row>
        								<p:column><h:outputLabel for="rut" value="RUT" style="font-weight:bold"/></p:column>
        								<p:column><h:outputText  value="Nombre" style="font-weight:bold"/></p:column>
        								<p:column><h:outputLabel for="paterno" value="Paterno" style="font-weight:bold"/></p:column>
        								<p:column><h:outputLabel for="materno" value="Materno" style="font-weight:bold"/></p:column>
        								<p:column><h:outputLabel for="fechanacimiento" value="Fecha Nacimiento" style="font-weight:bold"/></p:column>
    								</p:row>
    							
    								<p:row>
        								<p:column><h:outputLabel for="lblRut" value="#{casosSoap.selecccionCaso.afiliado.rutCompuesto}" /></p:column>
	   									<p:column><h:outputLabel for="lblNombre" value="#{casosSoap.selecccionCaso.afiliado.nombre}" /></p:column>
        								<p:column><h:outputLabel for="lblPaterno" value="#{casosSoap.selecccionCaso.afiliado.paterno}"/></p:column>
        								<p:column><h:outputLabel for="lblMaterno" value="#{casosSoap.selecccionCaso.afiliado.materno}" /></p:column>
        								<p:column><h:outputLabel for="lblFechanacimiento" value="#{casosSoap.selecccionCaso.afiliado.fechaNacimiento}"/></p:column>
	 								</p:row>
	 						</p:panelGrid>
	 					
	 						<p:panelGrid style="margin-top:10px" styleClass="noBorders">
	 							<p:row>
									<p:column><h:outputLabel for="telefono" value="Telefono" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="celular" value="Celular" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="correoElectronico" value="Correo Electronico" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="profesion" value="Profesion u Oficio" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="personaAccidentada" value="Persona Accidentada" style="font-weight:bold"/></p:column>	 		
	 							</p:row>
	 		
	 							<p:row>
	 								<p:column><h:outputLabel for="lblTelefono" value="#{casosSoap.selecccionCaso.afiliado.telefono}"/></p:column>
	   								<p:column><h:outputLabel for="lblCelular" value="#{casosSoap.selecccionCaso.afiliado.celular}"/></p:column>
        							<p:column><h:outputLabel for="lblCorreoElectronico" value="#{casosSoap.selecccionCaso.afiliado.correoElectronico}" /></p:column>
        							<p:column><h:outputLabel for="lblProfesion" value="#{casosSoap.selecccionCaso.afiliado.profesion}" /></p:column>
        							<p:column><h:outputLabel for="lblPersonaAccidentada" value="#{casosSoap.selecccionCaso.personaAccidentada.nombre}"/></p:column>
	 							</p:row>
	 						</p:panelGrid>

	 						<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 							<p:row>
	 								<p:column><h:outputLabel for="calidad" value="Calidad" style="font-weight:bold"/></p:column>
									<!-- p:column><h:outputLabel for="tipoCalle" value="Tipo Calle" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="calle" value="Calle" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="numero" value="Numero" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="block" value="Block" style="font-weight:bold"/></p:column-->
        							<p:column><h:outputLabel for="comuna" value="Comuna" style="font-weight:bold"/></p:column>	 		
								</p:row>
			
								<p:row>
									<p:column><h:outputLabel for="lblCalidad" value="#{casosSoap.selecccionCaso.calidadAccidentado.nombre}" /></p:column>
									<!-- p:column><h:outputLabel for="tipoCalle" value="Calle" /></p:column>
	 								<p:column><h:outputLabel for="lblCalle" value="Irarrazabal"/></p:column>
	   								<p:column><h:outputLabel for="lblNumero" value="345" /></p:column>
        							<p:column><h:outputLabel for="lblBlock" value="B-987"/></p:column-->
        							<p:column><h:outputLabel for="lblComuna" value="#{casosSoap.selecccionCaso.comuna.nombre}" /></p:column>				
	 							</p:row>
	 						</p:panelGrid>
	 						<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 							<p:row>
	 								<p:column style="border:thin"><h:outputLabel value="Datos Accidente" style="font-weight:bold"/></p:column>
	 							</p:row>
	 						</p:panelGrid>
	 						<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 							<p:row>
	 								<p:column><h:outputLabel for="fechaAccidente" value="Fecha Accidente" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="prestador" value="Prestador" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="tipoPrestacionMedica" value="Tipo Prestacion Medica" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="tipoAccidente" value="Tipo Accidente" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="Comuna" value="Comuna" style="font-weight:bold"/></p:column>
	 							</p:row>

				 				<p:row>
	 								<p:column><h:outputLabel for="lblFechaAccidente" value="#{casosSoap.selecccionCaso.fechaAccidente}" /></p:column>
									<p:column><h:outputLabel for="lblPrestador" value="#{casosSoap.selecccionCaso.prestador}" /></p:column>
									<p:column><h:outputLabel for="lblTipoPrestacionMedica" value="#{casosSoap.selecccionCaso.tipoPrestacionMedica.nombre}" /></p:column>
									<p:column><h:outputLabel for="lblTipoAccidente" value="#{casosSoap.selecccionCaso.tipoAccidente.nombre}"/></p:column>
        							<p:column><h:outputLabel for="lblComuna" value="#{casosSoap.selecccionCaso.comuna.nombre}"/></p:column>
	 							</p:row>
	 						</p:panelGrid>
	 	
	 						<p:panelGrid style="margin-top:10px" styleClass="noBorders" >
	 							<p:row>
									<p:column><h:outputLabel for="existeDenuncia" value="Existe Denuncia" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="causaAccidente" value="Causa Accidente" style="font-weight:bold"/></p:column>
        							<p:column><h:outputLabel for="magnitudLesiones" value="Magnitud Lesiones" style="font-weight:bold"/></p:column>	 			
	 							</p:row>
	 		
	 							<p:row>
									<p:column><h:outputLabel for="lblExisteDenuncia" value="#{casosSoap.selecccionCaso.denunciaAccidente.valorDenuncia}"/></p:column>
        							<p:column><h:outputLabel for="lblCausaAccidente" value="#{casosSoap.selecccionCaso.causaAccidente.nombre}" /></p:column>
        							<p:column><h:outputLabel for="lblMagnitudLesiones" value="#{casosSoap.selecccionCaso.magnitudLesiones.nombre}" /></p:column>
	 							</p:row>
							</p:panelGrid>
                              
						</p:dialog>
						
				        </p:column>
				             
				    </p:dataTable>
				        
				</p:column>
			</p:row>
			
		</p:panelGrid>
		 
     </p:panel>
   </h:form>

	<p:ajaxStatus style="width:64px;height:64px;position:fixed;right:5px;bottom:5px">  
    	<f:facet name="start">  
        	<p:graphicImage value="/img/loading.gif" />  
    	</f:facet>  
  
    	<f:facet name="complete">  
        	<h:outputText value="" />  
    	</f:facet>  
	</p:ajaxStatus> 

</h:body>

</html>